<template>
  <div id="app">
    <!-- <transition name="fade" mode="out-in">
      <keep-alive> -->
        <!-- <component :is="coms[currentIndex]" /> -->
        <router-view></router-view>
      <!-- </keep-alive>
    </transition> -->

    <!-- 底部导航 -->
    <!-- <div class="tabbar">
    <div class="btn" v-for="(item,index) in tablist" :key="index" @click="handleClick(index)">
        <img :src="item.pic" alt="">
        <span>{{item.text}}</span>
    </div>
  </div> -->
  </div>

</template>

<script>
var pic = "https://img1.baidu.com/it/u=3862550611,1395576619&fm=253&fmt=auto&app=138&f=JPEG?w=587&h=500"

// import Home from './views/Home.vue';
// import Tuan from './views/Tuan.vue';
// import Order from './views/Order.vue';
// import Mine from './views/Mine.vue';
export default {
  data(){
    return {
      // currentIndex:0,
      // // coms:["Home","Tuan","Order","Mine",],
      // tablist:[
      //           {pic,text:'首页'},
      //           {pic,text:'爆爆团'},
      //           {pic,text:'订单'},
      //           {pic,text:'我的'},
      // ]
    }
  },
  // methods: {
  //       handleClick(index){
  //           // this.currentIndex = index;
  //           if(index==0){
  //             this.$router.push('/index');
  //           }else if(index==1){
  //             this.$router.push('/tuan');
  //           }else if(index==2){
  //             this.$router.push('/order');
  //           }else if(index==3){
  //             this.$router.push('/mine');
  //           }
  //       }
  // },
  // components:{
  //   Home,Tuan,Order,Mine,
  // }
}
</script>

<style lang="scss">
*{
  margin:0;
  padding: 0;
}
.router-link-active{
  color: lightskyblue;
}
